* {
     margin: 0;
   }

html, body {
            height: 100%;
            width: 100%;
        }
.container{
          display: flex;
          height: 100vh;
          flex-direction: column;
        }
        
        
.head{
        	 width: 100%;
	height: 12vw;
	background-color: whitesmoke;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.head .title{
	font-size:5vw ;
	color: #333333;
}
.head-icon{
	width: 6.5vw;
	height: 6.5vw;
}
        

        .body {
          width: 100%;
          flex:1;
          color: black;
          overflow-y: scroll;
        }
        .footer {
          width: 100%;
        }
        .body div {
          height: 200px;
          width: 300px;
          background: greenyellow;
          margin: 20px;
        }
        


.footer{
	height: 12vw;
	background-color: whitesmoke;
	display: flex;
	justify-content: space-around;
	align-items:center;
	/*margin: -0.7%;*/
	
}
.footer_ziti{
	font-size:3.5vw ;
	color: #333333;
}